<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5</title>
</head>
<body>
<h1>h1</h1>
<hr>
<h2>h2</h2>
<hr>
<h3>h3</h3>
<span>xixi</span><br>
<span>haha</span>
<b>粗体</b>
<i>斜体</i>
<p>这是一段文字</p>
<p>这是第二段文字</p>
<a href="www.baidu.com"></a>
<img src="lv.jpg" width="320" height="320" alt="绿光"><br>
<a href="//www.w3cschool.cn/">Visit W3CSchool</a><br>
<a href="//www.w3cschool.cn/" target="_blank">访问W3CSchool教程!</a><br>
<p style="color:blue;margin-left:20px;">This is a paragraph.左外边距为20px</p>
<p style="background-color:green;">HTML5的背景颜色定义</p>
<p style="font-family:arial;color:red;font-size:20px;">字体颜色，字体大小的定义</p>
<h1 style="text-align:center;">文本对齐属性 text-align取代了旧标签 center </h1>
<p>This is a paragraph.</p>
<table border="1">
    <tr>
        <td>111</td>
        <td>222</td>
    </tr>
    <tr>
        <td>333</td>
        <td>444</td>
    </tr>
</table>
<table border="1" cellpadding="10" cellspacing="0"><!--cellpadding是外边距，cellspacing是内边距-->
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>111</td>
        <td>222</td>
    </tr>
    <tr>
        <td>333</td>
        <td>444</td>
    </tr>
</table>
<table border="1">
    <tr>
        <td rowspan="2">占两行</td>
        <td>222</td>
    </tr>
    <tr>

        <td>444</td>
    </tr>
    <tr>
        <td colspan="2">占两列</td>
    </tr>
</table>
<ol>
    <li>这是</li>
    <li>有序</li>
    <li>列表</li>
</ol>
<ol type="A">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ol>
<ol type="I">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ol>
<ol type="i">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ol>
<ul>
    <li>这是</li>
    <li>无序</li>
    <li>列表</li>
</ul>
<ul style="list-style-type:circle">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ul>
<ul style="list-style-type:square">
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ul>
<form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname"><br>
    Password: <input type="password" name="pwd"><br>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female<br>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car<br>
    <select name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
    </select><br>
    <textarea rows="10" cols="30">
我是一个文本框。
</textarea>
    <input type="submit" value="Submit"><br>
    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
</form>
</body>
</html>